.overview-container {
	.date {
		text-align: right;
		height: 2rem;
		line-height: 2rem;
	}

	.overview {
		display: flex;
		/* padding: 0 1.5rem; */

		.left,
		.right {
			background: var(--color-bg);
			border-radius: 4px;
			box-shadow: 0 0 4px rgba(0, 0, 0, 0.1);
		}

		.left {
			width: 26rem;
			margin-right: 1.5rem;
		}

		.right {
			display: flex;
			flex: 1 0 0;
			padding: 2.25rem 2rem;

			.total {
				display: flex;
				flex: 1 0 0;
				flex-direction: column;
				border-right: 1px solid var(--color-border-2);
			}

			.event {
				flex: 1 0 0;
			}
		}
	}
}
